import React from 'react';
import { Box, Paper } from '@mui/material';
import PaymentMethodsUserInterface from 'components/ui/PaymentMethodsUserInterface';

/**
 * Payment Methods page component
 * Renders the PaymentMethodsUserInterface component
 */
const PaymentMethodsPage = () => {
  return (
    <Box>
      <Paper elevation={1} sx={{ p: 3 }}>
        <PaymentMethodsUserInterface 
          actionType="view"
          initiallyExpanded={false}
          showAddCardButton={true}
        />
      </Paper>
    </Box>
  );
};

export default PaymentMethodsPage;